import React from "react";
import AnimationVisible from "../../../components/AnimationVisible";
const Screen1 = () => {
  return (
    <div className="screen-item screen-item1">
      <div className="title">出海产品技术</div>
      <div className="desc">
        钛动科技整合全球流量和服务资源，为出海全行业客户提供强大的技术保障和产品支持，以技
        <br />
        术为商业增长赋能，用产品为客户出海提效，助力客户在海外取得成功。
      </div>
      <div className="width">
      <AnimationVisible>
        <div className="fadeInUp" style={{position:'absolute',right:0}}>
          <img src="https://www.tec-do.com/static/home/images/v2/chcp/icon/ship.png"/>
        </div>
        <div className="question-title fadeInUp">
          走上国际舞台之前
          <br />
          我们需要解决哪些问题？
        </div>
        <div className="question-list">
          <div className="question-item fadeInUp">
            <img src="https://www.tec-do.com/static/home/images/v2/chcp/banner/1.jpg" />
            <div className="question-item-title">增长不明显</div>
            <div className="question-item-desc">
              大环境不确定 <br />营销转化成果弱
            </div>
          </div>
          <div className="question-item fadeInUp animation-duration2" style={{ top: 50 }}>
            <img src="https://www.tec-do.com/static/home/images/v2/chcp/banner/2.jpg" />
            <div className="question-item-title">平台难搭建</div>
            <div className="question-item-desc">
              跨平台营销链路太长
              <br />
              很难快速触达目标用户
            </div>
          </div>
          <div className="question-item fadeInUp animation-duration3">
            <img src="https://www.tec-do.com/static/home/images/v2/chcp/banner/3.jpg" />
            <div className="question-item-title">流量分散化</div>
            <div className="question-item-desc">流量分散化</div>
          </div>
          <div className="question-item fadeInUp animation-duration4 " style={{ top: 50 }}>
            <img src="https://www.tec-do.com/static/home/images/v2/chcp/banner/4.jpg" />
            <div className="question-item-title">异国陌生感</div>
            <div className="question-item-desc">
              不熟悉外国用户喜好
              <br />
              和触媒习惯,缺乏本地垂类资源
            </div>
          </div>
          <div className="question-item fadeInUp animation-duration5">
            <img src="https://www.tec-do.com/static/home/images/v2/chcp/banner/5.jpg" />
            <div className="question-item-title">数字化困局</div>
            <div className="question-item-desc">
              数据处理成本高、风险大
              <br />
              数字化转型升级慢
            </div>
          </div>
        </div>
      </AnimationVisible>
      </div>
    </div>
  );
};
export default Screen1;
